import React, { useEffect, useState } from 'react'; 
import { useHistory } from "react-router-dom";
import './medicalElectronNav.less';  
import Header from "../../components/header/Header";  
import navImg1 from '../../libs/img/home/scheduleNav1.png';
import navImg2 from '../../libs/img/home/scheduleNav2.png';
import navImg3 from '../../libs/img/home/scheduleNav3.png';
import navImg4 from '../../libs/img/home/scheduleNav4.png';
import navImg5 from '../../libs/img/home/scheduleNav5.png';
import {Flex} from 'antd-mobile';
function ScheduleNav() {
    
    useEffect(async () => {
        console.log('执行')
    }, [])
    const history = useHistory();
     
    
    const expertScheduling = () => {
        history.push('/operation')
    }

    // 服务评价
    const serviceEvaluation = () => {
        history.push(`/user`,{
            gotoType: 'serviceEvaluation'
        })
    }
    
    return (
        <div className="v-home-medicalElectronNav"> 
            <div className='body-background-div'></div>
            <div className="scheduleNav-box">
                <Flex className="scheduleNav-list" onClick={() => expertScheduling()}>
                    <img src={navImg1}/>
                    <span>手术单</span>
                </Flex>
                <Flex className="scheduleNav-list" onClick={() => serviceEvaluation()}>
                    <img src={navImg2}/>
                    <span>服务评价</span>
                </Flex>
                {/* <Flex className="scheduleNav-list">
                    <img src={navImg3}/>
                    <span>皮肤科专家日程</span>
                </Flex>
                <Flex className="scheduleNav-list">
                    <img src={navImg4}/>
                    <span>植发专家日程</span>
                </Flex>
                <Flex className="scheduleNav-list">
                    <img src={navImg5}/>
                    <span>注射科专家日程</span>
                </Flex> */}
            </div>
            <Header />
        </div>
    )
}
export default ScheduleNav;